<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clientgear-智能 高效 灵活</title>
    <link rel="stylesheet" href="../src/css/pages/loginCn.css">
    <style type="text/css">
        .product-introduction{
            width: 450px;
            height: 130px;
            /*background: url(./imgs/l-p-ch-big.png) no-repeat;*/
        }

        @media screen and (max-width: 1600px) {
            .product-introduction{
                width: 440px;
                height: 100px;
              /*  background: url(./imgs/l-p-ch.png) no-repeat;*/
            }
        }
    </style>
    <script type="text/javascript" src="../lib/requirejs/require.js" data-main="../src/js/loginCn"></script>
</head>
<body style="background-image: url(./imgs/login.jpg);">
<div class="product-introduction">
    <!--<img src="./imgs/l-p-ch.png" samll-src="./imgs/l-p-ch.png" big-src="./imgs/l-p-ch-big.png"/>-->
</div>
 <div class="p-container login-area-c">
     <div class="content-block">
         <!-- logo -->
         <div class="logo">
             <img src="./imgs/logo_new.png"/>
         </div>
         <div class="error-s hide">
             <div>
                 <span class="i"><i class="font-icon font-icon-attention"></i></span>
                 <span class="msg"></span>
             </div>
         </div>
         <!-- 登录 -->
         <div class="login-area">
             <div class="s-item">
                 <div class=" l-item">
                     <div class="ndp-sinput-wrapper" name="username"></div>
                 </div>
                 <span name="username" class="warning-r hide"></span>
             </div>

             <div class="s-item">
                 <div class=" l-item">
                     <div class="ndp-sinput-wrapper" name="password"></div>
                 </div>
                 <span name="password" class="warning-r p-b-10 hide"></span>
             </div>

             <div class="p-b-10">
                 <input type="checkbox" id="remember" class="form-input" >
                 <label for="remember">
                     <span class="checkbox-mark"></span>
                     记住我
                 </label>

                 <!--<input type="checkbox"  id="remember" class="form-input">-->
                 <!--<label for="remember">记住我</label>-->
                 <div class="s-f-link">
                     <button type="button" class="forget-link btn-link">忘记密码 ?</button>
                 </div>
             </div>
             <div class="l-item">
                 <button type="button" class="login big-btn btn btn-primary">登录</button>
             </div>
             <div class="r-login-area assistant-color">
                 还没有Clientgear账号? <button type="button" class="sign-link btn btn-default">注册</button>
             </div>
         </div>
         <!-- 注册 -->
         <div class="sign-area hide">
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="username-s" autocomplete="off" placeholder="用户名" class="form-input  w-100" />
                 </div>

                 <span name="username" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="email-s" autocomplete="off" placeholder="邮箱" class="form-input w-100" />
                 </div>

                 <span name="email" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="password-s" autocomplete="off"  placeholder="密码" class="form-input w-100" />
                 </div>

                 <span name="password" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="confirmPassword" autocomplete="off" placeholder="确认密码" class="form-input w-100">
                 </div>

                 <span name="confirmPassword" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="nickname" placeholder="昵称 (将带入广告命名的【创建者】中)" class="form-input w-100">
                 </div>
                 <span name="nickname" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <input type="text" name="invitationCode" placeholder="邀请码" class="form-input w-100">
                 </div>
                 <span name="invitationCode" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <div class="ndp-drop-wrapper w-100" name="country"></div>
                 </div>
                 <span name="country" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class="l-item">
                     <div class="ndp-drop-wrapper w-100" name="timezone"></div>
                 </div>
                 <span name="timezone" class="warning-r hide"></span>
             </div>
             <div class="s-item">
                 <div class=" l-item">
                     <div class="ndp-drop-wrapper w-100" name="locale"></div>
                 </div>
                 <span name="locale" class="warning-r hide"></span>
             </div>
             <div class="l-item">
                 <button type="button" class="sign w-100 big-btn btn btn-primary">注册</button>
             </div>
             <div class="r-login-area assistant-color">
                 已经有Clientgear账号了? <button type="button" class="r-login btn btn-default">登录</button>
             </div>
         </div>
         <!-- 忘记密码 -->
         <div class="forget-area hide">
             <div class="f-remainder">
                 输入您注册时使用的电子邮箱地址，我们将发送密码重置说明给您，请您按照步骤重新设置密码。
             </div>
             <div class="s-item">
                 <div class="l-item">
                     <div class="ndp-sinput-wrapper" name="email"></div>
                 </div>
                 <span name="email" class="warning-r hide"></span>
             </div>
             <div class="l-item">
                 <button type="button" class="find w-100 big-btn btn btn-primary">提交</button>
             </div>
             <div class="r-password">
                 <span><i class='font-icon font-icon-back'></i></span> <span class="m-l-10 assistant-color">想起密码</span>
             </div>
         </div>
     </div>
     <!-- 备案 -->
     <div class="p-footer">
         <div class="contact">联系我们：<a href="mailto:support.pmd@yeahmobi.com">support.pmd@yeahmobi.com</a></div>
         <div class="version-info">
             2016 © IM.MK-Facebook Marketing Partner [
             <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备15052303号-1</a>
             ]
         </div>
     </div>
 </div>

</body>
</html>
